<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo--入门教程</title>
	<script src="jquery-3.4.1.min.js"></script>
<style type="text/css">
	div{
		width: 100px;height: 100px;
		background: red;
	}

</style>
</head>
<body>
	
	<div id="div1"></div>
	<ul>
		<li>111</li>
		<li>222</li>
		<li>333</li>
		<li>444</li>
	</ul>
	<button id="btn1">增加节点</button>
	<button id="btn2">取消事件</button>
	

<script type="text/javascript">

	$("#div1").on({
		click : function(){
			alert("点击")
		},
		mouseover : function(){
			$("#div1").css("background",'orange')
		},
		mouseout : function(){
			$("#div1").css("background",'blue')
		}

	})

//show方法，用于 取消指定事件的指定方法
	function show (){
		alert("点击了show方法")
	}
	$("#div1").click(show)



$("#btn2").click(function(){
	//将#div1的全部事件取消了
		// $("#div1").off()
	//将#div1的点击事件取消了
		//$("#div1").off('click')
	//将#div1的点击事件的show方法取消了
		// $("#div1").off('click',show)

})








</script>


</body>
</html>